<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    input[type=text]:focus{
      background-color: yellow;
    }

    tbody tr:hover{
      background-color: #EEEEEE;
    }

    #imgDiv img{
      width: 200px;
      height: 200px;
      opacity: 0.2;
    }
    #imgDiv img:hover{
      opacity: 1;
      border: 20px solid red;
    }
    #colorDiv{
      color: blue !important;
    }
  </style>
</head>
<body>
   学号：<input type="text" placeholder="请输入学号"><br>
   姓名：<input type="text"><br>
   密码：<input type="password">

  <table border="1" width="60%">
    <thead>
      <tr><th>姓名</th><th>职位</th><th>工资</th></tr>
    </thead>

    <tbody>
      <tr><td>张三</td><td>经理</td><td>12000</td></tr>
      <tr><td>张三</td><td>经理</td><td>12000</td></tr>
      <tr><td>张三</td><td>经理</td><td>12000</td></tr>
      <tr><td>张三</td><td>经理</td><td>12000</td></tr>
      <tr><td>张三</td><td>经理</td><td>12000</td></tr>
    </tbody>
  </table>

  <div id="imgDiv">
    <img src="../../img/6.jpg">
    <img src="../../img/7.jpg">
    <img src="../../img/8.jpg">
    <img src="../../img/9.jpg">
  </div>

  <div id="colorDiv" style="color: red">dfdf</div>
</body>
</html>
